0
תגובות
יש לי את הקוד הבא:
<header>
<h1>שם האתר</h1>
<div>
<g:plusone href="my-website" size="tall"></g:plusone>
<div class="fb-like" data-href="my-website" data-send="false" data-layout="box_count" data-width="60" data-show-faces="true" data-font="tahoma"></div>
</div>
<nav>
<ul>
<li><a href="/index.php" id="current_page">דף הבית</a></li>
<li><a href="/contact-us.php">צור קשר</a></li>
</ul>
</nav>
</header>

והנה ה-CSS של מה שקשור לזה, בערך:
header div {display: inline-block; float: left}
#current_page {background-color: #F9F9F9;}
h1 {font-size: 20pt; margin: 15px 10px; display: inline;}
ul {font-size: 0pt; display: inline;}
li {list-style-type: none; font-size: 11pt; display: inline-block;}
li a:hover {background: #D5D5D5;}
li a {display: block; padding: 10px; text-decoration: none !important; background: #F0F0F0; border: 1px solid #dfdfdf;}
li:nth-last-child(1) a {-webkit-border-radius: 20px 0px 0px 0px; -moz-border-radius: 20px 0px 0px 0px; border-radius: 20px 0px 0px 0px;}
header {border-bottom: 1px solid #dfdfdf; clear: both; margin: 0px -15px 15px -15px;}

זה נראה בערך כך: http://www.interload.co.il/upload/1880078.jpg
אני יושב שעות ומנסה לשים את הלייק ואת הפלוס 1 בצד שמאל של ה-header (עם קצת רווח למעלה ומשמאל), ואני לא מצליח.
מישהו יכול לעזור? תודה מראש.

0 תשובות